// \u4e00-\u9fa5] 中文验证规则
// 导入表单验证插件
import wxValidate from 'wechat-validate'
const app = getApp()
Page({
  behaviors: [wxValidate],
  data: {
    point: '',
    building: '',
    room: '',
    name: '',
    gender: 1,
    mobile: '',
    idcardFrontUrl: '',
    idcardBackUrl: '',
  },
  rules: {
    name: [{
        required: true,
        message: '业主姓名不能为空!'
      },
      {
        pattern: /^[\u4e00-\u9fa5]{2,5}$/,
        message: '业主姓名只能为中文!'
      },
    ],
    mobile: [{
        required: true,
        message: '业主手机号不能为空!'
      },
      {
        pattern: /^1[3-8]\d{9}$/,
        message: '请填写正确的手机号!'
      },
    ],
    idcardFrontUrl: [{
      required: true,
      message: '请上传身份证国徽面!'
    }],
    idcardBackUrl: [{
      required: true,
      message: '请上传身份证照片面!'
    }],
  },
  onLoad({point,building,room,id }) {
     // 根据 id 判断是否为修改房屋
     if(id) return this.getHouseDetail(id)
    // 获取房屋信息数据
    this.setData({point,building,room })
  },
    //获取地址中携带id的房屋
 async getHouseDetail(id){
  const {code,data:houseDetail}=await wx.http.get(`/room/`+id)
  if(code!==10000) return wx.utils.toast()
  this.setData({
    ...houseDetail
  })
},
 async submit() {
  // console.log(11);
    //提交表单数据
    if (!this.validate()) return
    // 获取全部的数据（剔除可能多余参数 __webviewId__）
    const {
      __webviewId__,
      ...data
    } = this.data
    // 调用接口
    const {code} = await wx.http.post('/room',data)
    if(code!==10000) return wx.utils.toast('提交数据失败')
    wx.navigateBack({
      delta: 4,//返回的页数
    })
  },
  async uploadPicture(ev) {
    //区别用户上传的正反面
    const type = ev.mark.type
    // console.log(ev);
    // console.log(type);
    try {
      const media = await wx.chooseMedia({
        count: 1, //选择照片数量
        sizeType: ['compressed'], //
        mediaType: ['image'], //图片类型
      })
      // console.log(media);
      //调用api 上传图片
      wx.uploadFile({
        filePath: media.tempFiles[0].tempFilePath,
        name: 'file',
        url: wx.http.baseURL + '/upload',
        header: {
          Authorization: 'Bearer ' + app.token,
        },
        //处理返回的json数据再进行渲染
        success: (result) => {
          // console.log(result);
          //处理返回的json数据
          const data = JSON.parse(result.data)
          //判断code是否为10000
          if (data.code !== 10000) return wx.utils.toast('上传图片失败')
          this.setData({
            [type]: data.data.url
          })
        }
      })

    } catch (error) {
      console.log(error);
    }

  },

  removePicture(ev) {
    // 移除图片的类型（身份证正面或反面）
    const type = ev.mark?.type
    this.setData({
      [type]: ''
    })
  },
})